<template>
  <div>
    <div class="tab-container">
      <a-tabs defaultActiveKey="1" tabPosition="left">
        <a-tab-pane tab="基本设置" key="1">
          <h2>基本设置</h2>
          <basic-page></basic-page>
        </a-tab-pane>
        <a-tab-pane tab="密码修改" key="2">
          <h2>密码修改</h2>
          <safe-page></safe-page>
        </a-tab-pane>
      </a-tabs>
    </div>
  </div>
</template>

<script>
import BasicPage from "./components/BasicSetting";
import SafePage from "./components/SafeSetting";
export default {
  data() {
    return {};
  },
  components: {
    BasicPage,
    SafePage
  },
  created() {}
};
</script>

<style lang="less" scoped></style>
